* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #ffffff url(../images/header-bg.gif) repeat-x; color: #555555; font: 62.5%/1.3 "Trebuchet MS", Arial, Verdana, Geneva, sans-serif; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#Container { margin: 0 auto; width: 960px; position: relative; }

#Header { height: 53px; }
#NavigationPrimary { }
#NavigationPrimary ul { list-style: none; }
#NavigationPrimary ul li { float: left; margin: 0; padding: 0 10px 0 0 ; }
#NavigationPrimary ul li a  { color: #ffffff; font-size: 1.2em; text-decoration: none; display: block; height: 33px; padding: 20px 10px 0 10px;  border-left: 1px solid transparent; border-right: 1px solid transparent; }
#NavigationPrimary ul li a.current, #NavigationPrimary ul li a:hover { background: white; color: #555555; border-left: 1px solid #788c45; border-right: 1px solid #788c45; }


#Content { padding: 10px 10px 30px 10px; font-size: 1.2em; }


#ContentPrimary { float: left; width: 720px; }
#ContentPrimary h1 { font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 2.5em; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #eeeeee; color: #728c40;}
#ContentPrimary h2 { font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 2em; text-transform: uppercase; font-weight: normal; padding: 0 0 10px 0; }
#ContentPrimary h3 { font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 2em; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #eeeeee; color: #728c40; padding: 10px 0 0 0; margin-bottom: 10px; }
#ContentPrimary h4 { font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 1.2em; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #eeeeee; color: #728c40; padding: 0 0 0 0; margin-bottom: 10px; }
#ContentPrimary p { padding: 10px 23px 10px 23px; }
#ContentPrimary a { color: #4D87CE; font-weight: bold; text-decoration: none; }
#ContentPrimary a:hover { color: #555555; }
#ContentPrimary ul { margin: 0; padding: 0 0 0 50px; list-style: square; }
#ContentPrimary ul li { padding: 0 0 10px 0; }


#ContentSecondary { float: right; width: 200px; text-align: right; padding-top: 35px; } 
#ContentSecondary h2 { font-family: "Century Gothic", "Trebuchet MS", "Arial Narrow", Arial, sans-serif; font-size: 2em; text-transform: uppercase; font-weight: normal; border-bottom: 1px solid #eeeeee; color: #728c40;}
#ContentSecondary ul { margin: 0; padding: 10px 0 0 50px; list-style: square; }
#ContentSecondary ul li { padding: 0 0 10px 0; }
#ContentSecondary a { color: #4D87CE; font-weight: bold; text-decoration: none; }
#ContentSecondary a:hover, #ContentSecondary a.current { color: #555555; }

#Footer { height: 20px; width: 100%; background: #a2b47b; border-bottom: solid 1px #788c45; border-top: solid 1px #d8efa6; color: #ffffff; }
#Footer p { margin: 0 auto; width:960px; position: relative; display: block; padding: 3px 0 0 20px; }
#Footer a { color: #ffffff; }


.csharpcode, .csharpcode pre
{
	font-size: 0.9em;
	color: black;
	font-family: Consolas, "Courier New", Courier, Monospace;
	background-color: #eeeeee;
	padding: 10px 5px 10px 5px;
	margin: 0 0 10px 0;
	
}
.csharpcode pre { margin: 0em; }
.csharpcode .rem { color: #008000; }
.csharpcode .kwrd { color: #0000ff; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #0000c0; }
.csharpcode .preproc { color: #cc6633; }
.csharpcode .asp { background-color: #ffff00; }
.csharpcode .html { color: #800000; }
.csharpcode .attr { color: #ff0000; }
.csharpcode .alt 
{
	background-color: #f4f4f4;
	width: 100%;
	margin: 0em;
}
.csharpcode .lnum { color: #606060; }